<!--Left Column (Links n Stuff)-->
<div id="left_column">
    <ul>
    	<!--Display options for account handling-->
        <li><a href="javascript:void(0)" class="createaccount">Create New Account</a></li>
        <br />
        <li><a href="javascript:void(0)" class="forgotuser">Forgot Username</a></li>
        <li><a href="javascript:void(0)" class="forgotpass">Forgot Password</a></li>
        
    </ul>
</div>

<!--Main Body of text/information-->
<div id="mid_column">
    
</div>


<!--Legal Info, etc....-->
<div id="footer">
    <p>TraeLid Designs copyright 2012</p>
</div>

<script type="text/javascript">
$(document).ready(function ()
{
	var accthtml;
	/*Account LINKS */
	$('.createaccount').live('click',function()
	{
		$('#loading').show();
		accthtml ="<form>";
		accthtml += "<table class='forms'>";
		accthtml +="<tr>";
		accthtml +="<td><label for='firstname'>First Name:</label></td>";
		accthtml +="<td><input type='text' name='firstname' /></td>";
		accthtml +="</tr><tr>";
		accthtml +="<td><label for='lastname'>Last Name:</label></td>";
		accthtml +="<td><input type='text' name='lastname' /></td>";
		accthtml +="</tr><tr><td></td><td></td></tr><tr>";
		accthtml +="<td><label for='username'>Username:</label></td>";
		accthtml +="<td><input type='text' name='username' /></td>";
		accthtml +="</tr><tr>";
		accthtml +="<td><label for='password'>Password:</label></td>";
		accthtml +="<td><input type='password' name='password' /></td>";
		accthtml +="</tr><tr>";
		accthtml +="<td><label for='repassword'>Retype Password:</label></td>";
		accthtml +="<td><input type='password' name='repassword' /></td>";
		accthtml +="<td></td></tr>";
		accthtml +="</table>";
		accthtml +="</form>";
		
		
    	$('#mid_column').html(accthtml);
		$('#loading').hide();
	});
	$('.forgotuser').live('click',function()
	{
    	
	});	
	$('.forgotpass').live('click',function()
	{
    	
	});		
});
</script>